<template>
<div>
    <div class="smart" v-for="(v,i) in arr" :key="i">
        <h6 class="time">{{v.time}}</h6>
        <div class="box">
            <img :src="v.smart_img" alt="">
            <div class="text">
                <h5>{{v.title}}</h5>
                <p>{{v.text}}</p>
            </div>
        </div>
    </div>
    
    
</div>
  
</template>

<script>
export default {
    data(){
        return{
            arr:[
                {time:"2021-06-04 08:58",smart_img:"login/3.png",title:"早餐低至12元!",text:"早餐套餐全新升级，6款套餐随心搭配，开启活力满满的一天~点套餐→"},
                {time:"2021-06-03 09:20",smart_img:"login/3.png",title:"耶加入口，百花盛开!",text:"今天喝杯【耶加澳白】2021最高奖项“铂金奖”耶加雪菲豆，冰饮更好喝→"},
                {time:"2021-06-02 09:21",smart_img:"login/3.png",title:"你的椰子OK回来了!",text:"【椰子ok瑞纳冰】升级回归，优质冷榨生椰浆+冷萃厚牛乳，是心头的白月光！"},
                {time:"2021-06-01 09:03",smart_img:"login/3.png",title:"真·椰青回!",text:"生椰拿铁全国供应！5款生椰系列随便挑，承包你6月的快乐！喝一杯→"},
                {time:"2021-06-04 08:58",smart_img:"login/3.png",title:"早餐低至12元!",text:"早餐套餐全新升级，6款套餐随心搭配，开启活力满满的一天~点套餐→"},
                {time:"2021-06-03 09:20",smart_img:"login/3.png",title:"耶加入口，百花盛开!",text:"今天喝杯【耶加澳白】2021最高奖项“铂金奖”耶加雪菲豆，冰饮更好喝→"},
                {time:"2021-06-02 09:21",smart_img:"login/3.png",title:"你的椰子OK回来了!",text:"【椰子ok瑞纳冰】升级回归，优质冷榨生椰浆+冷萃厚牛乳，是心头的白月光！"},
                {time:"2021-06-01 09:03",smart_img:"login/3.png",title:"真·椰青回!",text:"生椰拿铁全国供应！5款生椰系列随便挑，承包你6月的快乐！喝一杯→"},
            ]
        }
    }
}
</script>

<style scoped>
html{
    background-color: #f5f5f5;
}
.smart{
    width: 3.75rem;
    height: 0.98rem;
    display: flex;
    flex-direction: column;
}
.smart .time{
    width: 100%;
    font-weight: normal;
    line-height: 0.3rem;
    text-align: center;
    color: #7e7e7e;
}
.smart .box{
    height: 0.75rem;
    display: flex;
    
}
.smart .box img{
    width: 0.37rem;
    height:0.37rem;
    border-radius: 50%;
    margin-left: 0.1rem;
}
.smart .box .text{
    width: 2.8rem;
    height: 0.63rem;
    background-color: white;
    margin-left: 0.1rem;
    border-top-right-radius: 0.15rem;
    border-bottom-left-radius:0.15rem ;
    border-bottom-right-radius: 0.15rem;
}
.smart .box .text h5{
    line-height: 0.25rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}
.smart .box .text p{
    font-size: 0.1rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}
</style>